import './style/footer.less'
import React from "react"
import { navbarData } from '../config/home';
import { Link } from 'react-router-dom'

export default function () {
    console.log({ navbarData })
    return <div className='m-footer'>
        {/* 标语 */}
        <div className="slogan">
            <div className="container">
                {/* <div className='text'>携手同心助战疫&emsp;关爱保障活动</div> */}
                <div className='img' />
            </div>
        </div>

        <div className="top">
            <div className='container'>
                <ul className='navbar'>{navbarData.map(nav =>
                    <li key={nav.text}>
                        {nav.link.startsWith('http')
                        ? <a href={nav.link} target={'_blank'}>{nav.text}</a>
                        : <Link to={nav.link} >{nav.text}</Link>
                    }
                    </li>)
                }</ul>
                <ul className='contactWrap'>
                    <li className='logo'>
                        <div className='img' />
                    </li>
                    <li className='contact'>
                        <h5>联系方式</h5>
                        <div className='email'>北京此心社会工作发展中心</div>
                        <div className='email'>邮箱：bjyglm2009@qq.com</div>
                        <div className='qq'><a href='https://shang.qq.com/v3/widget.html' target='_blank'>QQ：1553489534</a></div>
                        <div className='worktime'>工作时间：周一至周日（9:00-21:00）</div>
                    </li>
                    <li className='qrCode'>
                        <ul>
                            <li><div className='img' /><h6>新浪微博</h6></li>
                            <li><div className='img' /><h6>微信公众号</h6></li>
                            <li><div className='img' /><h6>微信公众号</h6></li>
                            <li><div className='img' /><h6>微信公众号</h6></li>
                            <li><div className='img' /><h6>微信公众号</h6></li>
                            <li><div className='img' /><h6>微信公众号</h6></li>
                            <li><div className='img' /><h6>微信公众号</h6></li>
                            <li><div className='img' /><h6>微信公众号</h6></li>
                        </ul>
                    </li>
                </ul>

            </div>
        </div>

        <div className='bottom'>
            <div className='container'>
                <span className='filing'>公安机关备案号：11010602010202</span>
                <span className='icp'><a href='http://www.beian.miit.gov.cn/'>京ICP备18037386号-1</a></span>
                <span className='copyright'>版权所有：北京此心社会工作发展中心</span>
            </div>
        </div>
    </div>
}